import React, {Component} from 'react';
import {Platform, StyleSheet, SectionList,Text, View,Image,ScrollView} from 'react-native';
import  TopTabNavigator from '../navigator/TopTabNavigator'
import Header  from '../component/header'

class  ClassPage extends Component {
    render(){
        return (<View style={{flex:1,backgroundColor:'#F8F8F8'}}>
                    <Header/>
                    <SectionList
                        style={{flex:1}}
                        renderItem={({item, index, section}) => <View style={{backgroundColor:'#fff000'}}>
                             <Text key={index}>{item}</Text>
                        </View>}
                        renderSectionHeader={({section: {title}}) => (
                            <Text style={{fontWeight: 'bold'}}>{title}</Text>
                        )}
                        sections={[
                            {title: '女生分类', data: ['item1', 'item2']},
                            {title: '女生分类', data: ['item3', 'item4']},
                            {title: '女生分类', data: ['item5', 'item6']},
                        ]}
                        keyExtractor={(item, index) => item + index}
                    />
        </View>)
    }
}
export default ClassPage